<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>活动黑名单</title>
		<link type="text/css" href="../css/global.css" rel="stylesheet" />
		<link type="text/css" href="../css/jqueryui/jquery-ui-1.8.23.custom.css" rel="stylesheet" />
		<script type="text/javascript" src="../js/lib/jquery-1.8.0.min.js"></script>
		<script type="text/javascript" src="../js/lib/jquery-ui-1.8.23.custom.min.js"></script>
		<script type="text/javascript" src="../js/lib/jquery.validate.js"></script>
		<script type="text/javascript" src="../js/lib/jquery.validate.messages_cn.js"></script>
		<script type="text/javascript" src="../js/base/validate-info.js"></script>
		<script type="text/javascript" src="../js/base/common.js"></script>
		<script type="text/javascript" src="../js/base/function.js"></script>
		<script type="text/javascript" src="../js/active-blacklist.js"></script>
	</head>
	<body>
		<div class="header">
			<div class="title">
				<img src="../imgs/173logo.png" />
				<span>抢吧-后台管理</span>
			</div>
		</div>
		<div class="container">
			<div class="main clearfix">
				<div class="sidebar fl">
					<div class="manage-nav">
						<h3 class="fs18 fb">管理目录</h3>
						<div class="nav-main">
							<div class="title hand"><em></em>管理后台</div>
							<ul>
								<li><a href="active-list.html">活动列表</a></li>
								<li><a href="active-blacklist.html">活动黑名单</a></li>
								<li><a href="account-manage.html">账号管理</a></li>
								<li><a href="data-statistics.html">数据统计</a></li>
							</ul>
							<div class="ft-line"></div>
						</div>
					</div>
					<div class="now-user">
						<h2 class="fb">当前登录用户</h2>
						<div class="user-info">
							<label>账号：</label>
							<span>king</span>
						</div>
						<div class="oper">
							<a id="update-password-link" href="javascript:void(0);">修改密码</a>
							<a href="javascript:void(0);" id="logout-link">退出</a>
						</div>
						<div class="last-login-time">
							<p>上次登录IP:</p>
							<p class="gray pl10">2012-03-20 17:50:20</p>
						</div>
						<div class="login-ip mt10">
							<p>登录IP：</p>
							<p class="gray pl10">218.59.66.108</p>
						</div>
					</div>
				</div>
				<div class="container2 fl">
					<div class="main">
						<h4><span>活动黑名单</span></h4>
						<div class="hd mt10 clearfix">
							<a href="active-add.html" class="add-blacklist-link btn btn1 fl">添加黑名单</a>
							<div class="opt fr w380">
								<form action="" method="">
									<span class="fl">
										<span>查询：</span>
										<input class="mr10 ml10" type="text" placeholder="请输入用户通行证" />
										<input class="mr10" type="text" placeholder="请输入用户昵称" />
									</span>
									<span class="fr">
										<input type="submit" class="btn-search btn btn2 fr" />
									</span>
								</form>
							</div>
						</div>
						<div class="cont mt10">
							<table cellspacing="0" border="1" width="100%">
								<thead>
									<tr>
										<th width="50">序号</th>
										<th width="150">用户通行证</th>
										<th width="120">用户昵称</th>
										<th width="120">添加时间</th>
										<th width="120">封禁到期时间</th>
										<th width="60">封禁时长</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody>
									<tr class="odd">
										<td>1</td>
										<td>4150269@163.com</td>
										<td>动感胡歌</td>
										<td>2012-8-30 12:00:21</td>
										<td>2012-8-30 12:00:21</td>
										<td>24小时</td>
										<td><a href="javascript:void(0);" class="is-delete">删除</a></td>
									</tr>
									<tr class="even">
										<td>1</td>
										<td>4150269@163.com</td>
										<td>动感胡歌</td>
										<td>2012-8-30 12:00:21</td>
										<td>2012-8-30 12:00:21</td>
										<td>24小时</td>
										<td><a href="javascript:void(0);" class="is-delete">删除</a></td>
									</tr>
									<tr class="odd">
										<td>1</td>
										<td>4150269@163.com</td>
										<td>动感胡歌</td>
										<td>2012-8-30 12:00:21</td>
										<td>2012-8-30 12:00:21</td>
										<td>24小时</td>
										<td><a href="javascript:void(0);" class="is-delete">删除</a></td>
									</tr>
									<tr class="no-results">
										<td colspan="100%">未查询到结果！</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="ft mt10 clearfix">
							<div class="total-num fl">共<b>xx</b>条记录</div>
							<div class="page fr">
								<a class="pre" href="javascript:void(0);"><<</a>
								<span>1</span>
								<a href="javascript:void(0);">2</a>
								<a href="javascript:void(0);">3</a>
								<a href="javascript:void(0);">4</a>
								<a class="next" href="javascript:void(0);">>></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 弹出层 -->
		<!-- 增加黑名单 -->
		<div id="add-blacklist" title="增加黑名单" class="hidden">
			<form action="" method="">
				<fieldset>
					<p class="validate-tips hidden"></p>
					<p class="item">
						<label for="passer">用户通行证：</label>
						<input type="text" name="passer" id="passer" class="text ui-widget-content ui-corner-all" />
						<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
							<span class="ui-button-text">查询</span>
						</button>
					</p>
					<p class="item">
						<label for="net-name">用户昵称：</label>
						<input type="text" name="net-name" id="net-name" class="text ui-widget-content ui-corner-all" />
					</p>
					<p class="item">
						<label for="">封禁时间：</label>
						<select>
							<option>-请选择-</option>
							<option>1小时</option>
							<option>5小时</option>
							<option>12小时</option>
							<option>24小时</option>
							<option>1周</option>
							<option>1个月</option>
							<option>3个月</option>
							<option>半年</option>
							<option>1年</option>
							<option>永久</option>
						</select>
					</p>
				</fieldset>
			</form>
		</div>
	</body>
</html>


